<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="__PUBLIC__/components/metro/min/metro-bootstrap.min.css">
    <script src="__PUBLIC__/components/jquery.1.11.min.js"></script>
    <script src="__PUBLIC__/components/jquery.widget.min.js"></script>
    <script src="__PUBLIC__/components/metro/min/metro.min.js"></script>
    <style>
        body {
            /*background: url('/s/core/index_bg.jpg') no-repeat 50% 0;*/
            padding: 0px;
            margin: 0px;
            overflow: hidden;
            height: 100%;
        }
        img {
            width: 100%;
            height: 100%;
        }
        #doc{
            margin: 140px auto;
            position: absolute;
            width: 444px;
            top: 0px;
            left: 50%;
            margin-left: -222px;
            z-index: 99;
        }
        .reg-wrapper11 {
            /*background: url(/s/core/imgs/bdbg11.png) repeat-x;*/
            height: 460px;
            padding-top: 14px;
        }
        #box {
            margin:10px auto;
            background: #fff;
            border: 1px solid #ced1d0;
            border-radius: 4px;
            font: 16px "Microsoft YaHei";
            width:270px;
            color: #999;
            box-shadow: black 4px 8px 40px;
        }
    </style>

</head>
<body class="metro">
    <img id="background" src='__PUBLIC__/images/bg-2015.jpg' />
</body>
<script src="__PUBLIC__/components/rainyday/rainyday.min.js"></script>
<script>
    function submitForm(){
        $("#ff").submit();
    }
    function run() {
        var image = document.getElementById('background');
        image.onload = function() {
            var engine = new RainyDay({
                image: this,
                gravityAngle: Math.PI / 9
            });
            engine.trail = engine.TRAIL_SMUDGE;
            engine.rain([ [1, 0, 80], [2, 3, 1] ], 100);
        };
        image.crossOrigin = 'anonymous';
        image.src = image.src;
    }

    $(document).ready(function(){
        run();
    });
</script>

</html>